<script setup lang="ts">
import {ref} from 'vue'
  const tableData = ref([{
          date: '2016-05-02',
          address:"0xC35751b62bF0A793d0A159dDE10c798bd41aD3cC",
          czNum:1000,
          txNum:1000,
          playNum:1000,
          awardNum:1000,
          fsNum:1000,
          name: 'Splay1',
        }, {
          date: '2016-05-04',
          address:"0xC35751b62bF0A793d0A159dDE10c798bd41aD3cC",
           czNum:1000,
          txNum:1000,
          playNum:1000,
          awardNum:1000,
          fsNum:1000,
          name: 'Splay2',
        }, {
          date: '2016-05-01',
          address:"0xC35751b62bF0A793d0A159dDE10c798bd41aD3cC",
           czNum:1000,
          txNum:1000,
          playNum:1000,
          awardNum:1000,
          fsNum:1000,
          name: 'Splay3',
        }, {
          date: '2016-05-03',
          address:"0xC35751b62bF0A793d0A159dDE10c798bd41aD3cC",
           czNum:1000,
          txNum:1000,
          playNum:1000,
          awardNum:1000,
          fsNum:1000,
          name: 'Splay4',
        }])
</script>

<template>
  <div>
    <el-form :inline="true"  class="demo-form-inline">
      <el-form-item label="用户名">
        <el-input placeholder="用户名"></el-input>
      </el-form-item>
      <el-form-item label="钱包地址">
        <el-input placeholder="钱包地址"></el-input>
      </el-form-item>
      <el-form-item>
        <el-button type="primary">查询</el-button>
        <el-button>重置</el-button>
      </el-form-item>
    </el-form>
    <el-table
    :data="tableData"
    border
    style="width: 100%">
    <el-table-column
      fixed
      prop="name"
      label="用户名"
      width="80">
    </el-table-column>
    <el-table-column
      prop="address"
      label="钱包地址">
    </el-table-column>
     <el-table-column
      prop="czNum"
      label="累计充值"
      width="120">
    </el-table-column>
     <el-table-column
      prop="txNum"
      label="累计提现"
      width="120">
    </el-table-column>
     <el-table-column
      prop="txNum"
      label="累计下注"
      width="120">
    </el-table-column>
     <el-table-column
      prop="txNum"
      label="累计收益"
      width="120">
    </el-table-column>
     <el-table-column
      prop="fsNum"
      label="反水奖励"
      width="120">
    </el-table-column>
     <el-table-column
      prop="date"
      label="创建日期"
      width="150">
    </el-table-column>
    <el-table-column
      width="80"
      fixed="right">
      <template v-slot="scope">
        <el-button type="text" size="small">详情</el-button>
      </template>
    </el-table-column>
  </el-table>
</div>
</template>
